<script setup>
// 引入 api
import { ref } from "vue"

// 动态类名
const btnClass = ref('btn')

// 点击函数
function btn() {
    btnClass.value = btnClass.value !== `btn` ? `btn` : `btn-active`
}
</script>

<template>
    <!-- 按钮 -->
    <input type="button" value="切换" @click="btn" :class="btnClass">
</template>